import React, { Component } from 'react'
import { Tabs, Radio } from 'antd';


const { TabPane } = Tabs;

export default class dTab extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            mode: 'top',
        };
    }

    handleModeChange = e => {
        const mode = e.target.value;
        this.setState({ mode });
    };


    render() {
        const { mode } = this.state;
        return (
            <div>            
                <Tabs defaultActiveKey="1" tabPosition={mode} style={{ height: 220 }}>
                    {[...Array.from({ length: 30 }, (v, i) => i)].map(i => (
                        <TabPane tab={`Tab-${i}`} key={i}>
                            {/* Content of tab {i} */}
                        </TabPane>
                    ))}
                </Tabs>
            </div>
        );
    }
}


